<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <!-- 头部导航栏开始 -->
    <div class="header">
        <div class="left fl">
            <ul>
                <li></li>
                <li><a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">教学市场</a></li>
                <li><a href="javascript:;">云课堂</a></li>
                <li><a href="javascript:;">培训认证</a></li>
                <li><a href="javascript:;">云端实验室</a></li>
                <li><a href="javascript:;">新工科实验班</a></li>
                <li><a href="javascript:;">学习交流</a></li>
            </ul>
        </div>
        <div class="right fr">
            <ul>
                <li><a href="javascript:;">教学平台</a></li>
                <li><a href="javascript:;">登录</a></li>
                <li>|</li>
                <li><a href="javascript:;">注册</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部导航栏结束 -->

    <!-- 轮播图开始 -->
    <div class="slide">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <div class="introduce">
            <p>Classroom是基于华为云的云上软件教学服务，支持高校师生实现备课、上课、作业、考试、实验、实训等全教学流程的线上教学，提供多类习题自动判题、企业级DevOps实训、免费在线习题库等众多高级特性辅助进行数字化教学转型。
            </p>
            <a href="javascript:;">开始上课</a>
        </div>
    </div>
    <!-- 轮播图结束 -->

    <!-- 云课堂开始 -->
    <div class="cloud_classroom">
        <div class="w">
            <div class="title">
                <h1>云课堂</h1>
                <p>免费精品公开课，覆盖丰富知识点、课件与在线习题</p>
            </div>
            <div class="content">
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">区块链精品实践课</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <span class="fr">6小时</span>
                            <p class="introduce">本课程由浅入深的介绍区块链技术缘起、原理机制、演进和发展现状，分享区块链典型应用场景及特点。了解华为云区块链的方案及特点，参与动手实验。从入门到实践，循序渐进一站式学习。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">技术大咖在线论道-华为云技术开放视频合集课堂入口</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <span class="fr">90小时</span>
                            <p class="introduce">【技术大咖在线论道 百万+开发者精益成长】 汇聚多领域资深技术专家视频课程； 探讨国内外前沿技术领域发展趋势； 助力开发者专业技术能力精益成长； 分享可借鉴研发技术实践成功经验。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">HE2E DevOps实践</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <span class="fr">16小时</span>
                            <p class="introduce">HE2E即华为端到端的DevOps实施框架，集合了业界先进的实践，结合华为30年研发经验，形成的一套可操作可落地的敏捷开发方法论，并基于DevCloud工具链进行承载。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">C语言程序设计</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <span class="fr">96小时</span>
                            <p class="introduce">本课程适合作为高等学校计算机专业及相关专业C语言程序设计课程的教材，也可作为计算机等级考试参考书，还可供从事计算机软件开发人员参考使用。主要包含，C语言概述，数据类型，基本语句与结构化程序设计，数组，函数和模块化程序设计，指针，预处理命令，复杂数据类型，文件。附有习题，习题覆盖知识重点，题型丰富。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">Web实践课</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <span class="fr">96小时</span>
                            <p class="introduce">本门课程涵盖：WEB基础、CSS、JS、H5等教学内容组成，学生可以逐步提升前端开发能力。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">人工智能：算法与实践</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <span class="fr">96小时</span>
                            <p class="introduce">本课程讲述的是有关人工智能算法与实践的内容，并介绍相关的数学基础、相关应用及工具，以及如何在实际环境中使用它们。课程不仅仅介绍了各种人工智能算法的理论知识，更是通过建立多个实际案例、习题测评，引导学生在实际项目中学到相关知识经验，同时老师可以灵活安排学生的学习任务，有效地对学生的知识吸收情况做针对性的解决。课程开发环境为python3.6及以上 + Anaconda3 。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="more">
                <a href="javascript:;">查看更多</a>
            </div>
        </div>
    </div>
    <!-- 云课堂结束 -->

    <!-- 教学市场开始 -->
    <div class="market">
        <div class="w">
            <div class="title">
                <h1>教学市场</h1>
                <p>丰富教学资源辅助高效教学，免费习题库一键获取</p>
            </div>
            <div class="content">
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">JAVA-习题库</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <p class="introduce">本习题库覆盖JAVA的相关知识，习题涉及到基本数据类型、语句、类、封装继承、对象、接口、内部类、异常处理、字符串、实用类、多线程、输入输出流等相关知识。 习题类型包括单选题、编程题、单人项目题等，每个习题都与知识点相对于，通过这些习题，可以很好的检查学生对JAVA知识的掌握程度，提升学生的动手编码能</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">C-习题库</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <p class="introduce">本习题库覆盖C语言的相关知识，习题涉及到C语言概述，数据类型，基本语句与结构化程序设计，数组，函数和模块化程序设计，指针，预处理命令，复杂数据类型，文件操作等。习题类型包括单选题、编程题，每个习题都与知识点相对应，所有习题支持自动判题，通过这些习题，可以很好的检查学生对C语言知识的掌握程度，提升学的动手编码能</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">Web-习题库</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <p class="introduce">本习题库覆盖web开发相关知识点，对HTML、CSS、JavaScript等内容，进行了习题覆盖。习题类型包括单选题、编程题，每个习题都与知识点相对于，通过这些习题，可以很好的检查学生对Web知识的掌握程度，提升学生的动手编码能力。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">系统分析与设计</p>
                            <span class="first">马瑞新</span>
                            <span class="second">大连理工大学</span>
                            <p class="introduce">本课程通过DevOps与云服务相结合，基于“项目驱动”的工程实践进行能力训练，采取“基础知识-->核心应用-->综合案例-->企业实践”的结构和“由浅入深，由深到精”的学习模式进行讲解，掌握产品经理与项目经理应具备的技能知识点，具备云服务与开发的基本能力。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">数据结构（C语言）实践教学精品课</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <p class="introduce">本课程对常用的数据结构做了系统的介绍，力求概念清晰，注重实际应用。课程依次介绍数据结构的基本概念、线性表、栈和队列、串和数组、树和二叉树、图结构，以及查找和排序等基本运算，用C语言作为算法描述语言，并附有典型例题与小结，便于读者总结和提高</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <div></div>
                        <div class="bottom">
                            <p class="title">Python程序设计精品课</p>
                            <span class="first">Classroom</span>
                            <span class="second">华为云</span>
                            <p class="introduce">本课程主要介绍Python语言的语法及常用模块的使用，重点介绍面向对象设计，字符串操作，正则表达式等知识，同时通过游戏设计，展示Python语言的简易和强大。</p>
                            <p class="state">限时免费</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="more">
                <a href="javascript:;">查看更多</a>
            </div>
        </div>
    </div>
    <!-- 教学市场结束 -->

    <!-- 活动公告开始 -->
    <div class="active">
        <div class="w">
            <p>活动公告</p>
            <div class="content clearfix">
                <div class="left fl">
                    <a href="javascript:;"></a>
                </div>
                <div class="right fl">
                    <a href="javascript:;">大连理工大学与华为软件工程大师华山论剑，邀您参与。</a>
                    <ul>
                        <li>Classroom</li>
                        <li class="long">2020/03/21</li>
                    </ul>
                </div>
            </div>
            <div class="content clearfix">
                <div class="left fl"><a href="javascript:;"></a></div>
                <div class="right fl">
                    <a href="javascript:;">大连理工、华为云、目睹有课三方携手直播JAVA线上教学。</a>
                    <ul>
                        <li>Classroom</li>
                        <li class="long">2020/02/07</li>
                    </ul>
                </div>
            </div>
            <div class="content clearfix">
                <div class="left fl"><a href="javascript:;"></a></div>
                <div class="right fl">
                    <a href="javascript:;">【Part1】玩转华为云Classroom，在线教学so easy！</a>
                    <ul>
                        <li>Classroom</li>
                        <li class="long">2020/02/01</li>
                    </ul>
                </div>
            </div>
            <div class="content clearfix">
                <div class="left fl"><a href="javascript:;"></a></div>
                <div class="right fl">
                    <a href="javascript:;">【Part2】玩转华为云Classroom，在线教学so easy！</a>
                    <ul>
                        <li>Classroom</li>
                        <li class="long">2020/02/01</li>
                    </ul>
                </div>
            </div>
            <div class="content clearfix">
                <div class="left fl"><a href="javascript:;"></a></div>
                <div class="right fl">
                    <a href="javascript:;">Classroom开放免费高校自学课程，与您并肩战“疫”！</a>
                    <ul>
                        <li>Classroom</li>
                        <li class="long">2020/01/31</li>
                    </ul>
                </div>
            </div>
            <div class="content clearfix">
                <div class="left fl"><a href="javascript:;"></a></div>
                <div class="right fl">
                    <a href="javascript:;">Classroom线上教学免费开放，与您并肩战“疫”。</a>
                    <ul>
                        <li>Classroom</li>
                        <li class="long">2020/01/28</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 活动公告结束 -->

    <!-- 底部开始 -->
    <div class="footer clearfix">
        <div class="w">
            <div class="left fl">
                <div>
                    <span>版权所有 © 华为软件技术有限公司 2020</span>
                    <span>保留一切权利</span>
                    <a href="javascript:;">苏ICP备17040376号-32</a>
                    <span>苏B2-20130048号</span>
                    <span>代理域名注册服务机构：新网</span>
                </div>
                <div>
                    <span class="first"></span>
                    <span class="second"></span>
                    <a href="javascript:;">苏公网安备 32011402010008号</a>
                </div>
            </div>
            <div class="right fr">
                <ul>
                    <li><a href="javascript:;">法律声明</a></li>
                    <li><a href="javascript:;">隐私政策</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部结束 -->
</body>
</html>